<template>
  <div class="goods">
    <!-- <p>{{uname}}</p>
    <p>{{age}}</p>
    <p>{{sex}}</p> -->
    <h3>商品名称：{{pname}}</h3>
    <p>商品单价：{{price}}</p>
    <p>商品介绍：{{info}}</p>
    <button @click="$emit('kanyidao',id)">砍一刀</button>
  </div>
  
</template>

<script>
export default {
  // 接收父组件传递过的数据
  // 接收到的数据，和data数据一样用，只是不能修改
  // props:['uname','age','sex']

  // props也可以写成对象格式（写成对象也是为了加更多配置
  // 有三个配置可以使用required表示必填：type类型约束：default默认值
  props:{
    // uname:{
    //   required:true,//表示父组件必须传递uname
    //   type:String,//表示父组件传递过来的uname必须是字符串类型
      
    // },
    // age:Number,//表示父组件传递过来的值，必须是Number类型
    // sex:{
    //   default:'未知',
    //   type:[String,Number]//多种类型，写成数组格式
    // }
    id:{
       required:true,
       type:Number
    },
    pname:{
      default:'棒棒糖'
    },
    price:Number,
    info:{
      default:'非常好吃，酸甜可口'
    }
  }
 // props:['item'],
 // props:{
//item:{

 //required: true,
 //type: object
//}
 //}
 
}
</script>

<style>
  .goods{
    padding: 10px;
    margin: 8px;
    border: 3px solid #000;
    min-height: 50px;
  }
</style>